<template>
  <div id="NotSize">
            <!-- 头部 -->
    <div class="home_top">
          <van-nav-bar title="我的尺寸" left-text="返回" left-arrow
                @click-left="onClickLeft"
             @click-right="onClickRight"
          >
            <template #right>
              <van-icon name="ellipsis" size="18" />
            </template>
          </van-nav-bar>
    </div>

    <div class="count">
    <!-- 用户栏 -->
    <div class="user">
        <div class="user_photo">
            <svg t="1607052573709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="35658" data-spm-anchor-id="a313x.7781069.0.i9" width="100%"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m123.424 562.272H388.576A164.576 164.576 0 0 0 224.16 719.904l-0.16 6.944c0 22.72 18.528 41.152 40.96 41.152h494.08c21.216 0 38.656-16.192 40.736-36.928l0.224-4.224a164.576 164.576 0 0 0-164.576-164.576zM512 192a164.576 164.576 0 1 0 0 329.152A164.576 164.576 0 0 0 512 192z" p-id="35659" data-spm-anchor-id="a313x.7781069.0.i8" class="" fill="#ffffff"></path></svg>
        </div>
        <span>董大伟</span>
    </div>
    <!-- 身体各部位尺寸 -->
    <div class="body_size" >
         <div class="body_every"  v-for="item in items" :key="item.id">
             <img :src="item.img" alt="">
             <p>{{item.body}}</p>
             <p class="body_symbol"><van-icon name="minus" /><van-icon name="minus" /></p>
         </div>
            
    </div>
        <div class="button_">
            <button><router-link to="/Stature">开始测量</router-link></button>
        </div>

        
 </div>
  </div>
</template>

<script>
export default {
    name:"NotSize",
    data(){
        return{
            items:[{
                img:require("../assets/images/我的尺寸/pic_5.png"),
                body:'身体', 
            },
            {
                img:require("../assets/images/我的尺寸/pic_4.png"),
                body:'体重',
            },
            {
                img:require("../assets/images/我的尺寸/pic_6.png"),
                body:'肩宽',
            },
            {
                img:require("../assets/images/我的尺寸/pic_2.png"),
                body:'胸围',
            },
            {
                img:require("../assets/images/我的尺寸/pic_1.png"),
                body:'腰围',
            },
            {
                img:require("../assets/images/我的尺寸/pic_3.png"),
                body:'臀围',
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_03.png"),
                body:"领围",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_05.png"),
                body:"胸围",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_07.png"),
                body:"腰围",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_12.png"),
                body:"肩宽",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_13.png"),
                body:"袖长",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_18.png"),
                body:"衣长",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_23.png"),
                body:"袖肥",
                // number:"- -",
            },
            {
                img:require("../assets/images/测量尺寸/测量尺寸（无）_25.png"),
                body:"袖口",
                // number:"- -",
            }
            ]
        }
    },
     methods: {
    onClickLeft() {
      
      this.$router.go(-1)
    },
    onClickRight() {
      
    },
  },
}
</script>

<style lang="less">
.count{
  padding-top: 90px;
}
body{
    background: #f9f9f9;
}
a{
    color:#234099;
} 
//用户栏
.user{
    clear: both;
    width: 100%;
    background: #cccccc;
    float: left;
    .user_photo{
        width: 16%;
        padding-top: 40px;
        padding-bottom:40px;
        box-sizing: border-box;
        margin-left: 70px;
        float: left;
    }
    span{
        display: block;
        width: 40%;
        font-size: 30px;
        float: left;
        line-height: 200px;
        text-indent: 40px;
    }
}
//身体各部位尺寸
.body_size{
    clear: both;
    width: 100%;
    float: left;
    background: #f9f9f9;
    .body_every{
        width: 33%;
        height:330px;
        margin-top: 60px;
        box-sizing: border-box;
        float: left;
        img{
            height: 50%;
            display: block;
            margin: 0 auto;
        }
        p{
            text-align: center;
            font-size: 28px;
            color: #999999;
            .body_symbol{
                color: #000;
            }
        }
    }
    
}
.button_{
    width: 100%;
    background:#f9f9f9 ;
    float: left;
    margin-top: 110px;
}
button{
        width: 92%;
        height: 88px;
        display: block;
        margin: 0 auto;
        border: 2PX solid #234099;
        color: #234099;
        font-size: 31px;
        letter-spacing: 6px;
        background: rgba(0,0,0,0);
        
    }
</style>
